<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet/less" href="css/index.less" />
		<style type="text/css">

		</style>
	</head>
	<body>
		<header>
			<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#"><img src="images/logo.png" alt=""></a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="#">Home</a></li>
							<li><a href="#">About us</a></li>
							<li><a href="#">Our service</a></li>
							<li><a href="#">Products hub</a></li>
							<li><a href="#">Contact us</a></li>

						</ul>
						<div class="search">
							<img src="images/search.png" id="search-img">
							<input type="text" id="search-input" />
						</div>
					</div>

				</div>
			</nav>
		</header>
		<div class="banner">
			<img src="images/banner.jpg">
		</div>
		<div class="part1">
			<div class="part1-1">
				<ul>
					<li>
						<h2>FLOOR HOMETOWN</h2>
						<p>Wood plastic flooring can be recycled, which is in line with resource protection and environmental protection,

In particular, there are many varieties of styles and colors.  </p>
					</li>
					<img src="images/pic1.jpg" class=" hidden-sm hidden-xs">
				</ul>

			</div>
			<div class="part1-2">

			</div>
		</div>
		<div class="part2">
			<img src="images/pic2.jpg" class=" hidden-sm hidden-xs">
			<ul>
				<li>
					<h2>ENJOYING HIGH REPUTATION</h2>
				</li>
				<li>
					<p>Wood plastic flooring can be recycled, which is in line with resource protection and environmental protection,

In particular, there are many varieties of styles and colors.  </p>
				</li>
			</ul>
		</div>
		<div class="part3">
			<!-- <img src="images/banner2.jpg"> -->
			<ul>
				<li>
					<h2>ENJOYING HIGH REPUTATION</h2>
				</li>
				<li>
					<p>Wood plastic flooring can be recycled, which is in line with resource protection and environmental protection,

In particular, there are many varieties of styles and colors. </p>
				</li>
			</ul>
			<div >
				<img src="images/pic3.png" class="hidden-md hidden-sm hidden-xs">
			</div>
			
		</div>
		<div class="part4">
			<ul>
				<li>
					<ul>
						<li>
							<h2>ENJOYING HIGH REPUTATION</h2>
						</li>
						<li>
							<p>Wood plastic flooring can be recycled, which is in line with resource protection and environmental protection,

In particular, there are many varieties of styles and colors. </p>
						</li>
					</ul>
				<img src="images/pic4.jpg"class=" hidden-sm hidden-xs"></li>
				<li><img src="images/pic5.jpg" class=" hidden-sm hidden-xs"><img src="images/pic6.jpg"class=" hidden-sm hidden-xs"></li>
			</ul>

		</div>
		<footer>
			<div class="container">
				<div class="col-md-4 col-xs-12 col1">
				<h2>SITE MAP</h2>
				<ul>
					<li><a href="">About us</a></li>
					<li><a href="">Our service</a></li>
					<li><a href="">Product Hub</a></li>
					<li><a href="">Contact us</a></li>
				</ul>
				</div>
				<div class="col-md-4 col-xs-12 col2">
				<h2>CONTACT US</h2>
				<ul>
					<li>Mobile ▪ TEL: +86000000000; +86000000000</li>
					<li>E-mail: jjjjjjj@vvvvvvvvv.com; jjjjjjj@vvvvvvvvvv.com</li>
					<li>Room00000, building0000, xxxxxxxxxxxxx Plaza, xxxxxxxxxx district, xxxxxxxxxxxxxx city, xxxxxxx, xxxxxx</li>
				</ul>
				</div>
				<div class="col-md-4 col-xs-12 col3">
<img src="images/code.jpg" >
<p>xxxxx</p>
				</div>
			</div>
		</footer>
	</body>
	<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/less.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$('#search-img').click(function() {
			$('#search-input').toggle('normal')
		})
	</script>
</html>
